<template>
  <div class="steps">
    <el-steps :active="active" finish-status="success">
      <el-step title="步骤 1"></el-step>
      <el-step title="步骤 2"></el-step>
      <el-step title="步骤 3"></el-step>
    </el-steps>

    <el-button style="margin-top: 12px;" @click="next">下一步</el-button>

    <div class="progressBar">
      <el-progress type="circle" :percentage="20" status="exception"></el-progress>
      <el-progress type="circle" :percentage="50"></el-progress>
      <el-progress type="circle" :percentage="100" status="success"></el-progress>
    </div>
  </div>
</template>
<script>
  import Pagination from '@/components/Pagination'
  import {getTerminalConfigList, getSelectOptions, updateTerminalConfig} from '@/api/terminalConfig'

  export default {
    name: 'ComplexTable',
    components: {Pagination},
    data() {
      return {
        active: 0
      }
    },
    mounted() {
    },
    computed: {
      getPosition() {
        return (this.form.latitude+','+this.form.longitude)
      },
      getPlayTotal(){
        let total = 0
        this.form.terminalPlatformInfoVos.forEach((item,index)=>{
          total =  total + parseInt(item.playCount)
        })
        this.form.playCount = total
        return total
      },
    },
    methods: {
      next() {
        if (this.active++ > 2) this.active = 0;
      },
      // getList(){
      //   if(this.listQuery.sn===undefined ||this.listQuery.sn === null || this.listQuery.sn===''){
      //     delete this.listQuery.sn
      //   }
      //   getTerminalConfigList(this.listQuery).then(res => {
      //     this.list = res.data.data.data.terminalBaseInfoVos
      //     this.list.forEach((item)=>{
      //       if(item.macAuth==='0'){
      //         item['macAuthName']='未授权'
      //       }else{
      //         item['macAuthName']='已授权'
      //       }
      //     })
      //     this.total = res.data.data.rowCount
      //   })
      // }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .steps{padding:30px;}
  .progressBar{display:flex;justify-content:space-around;align-items: center;}
</style>
